<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">角色权限管理测试</h1>
</div>
<div class="wrapper-md">
    <div class="row">
        <div class="col-md-12" ng-controller="releOperatorCtrlTemp">
            <div class="panel panel-default">
                <div class="panel-heading">角色权限管理</div>
        		<div class="row releOperatorWrap" style="padding: 0 15px;">
        			
        				<div class="form-group" style="padding:15px;">
							<h3>授权角色</h3>
							<select name="role" class="form-control" ng-options="x.remark for x in roles" ng-model="selectedRole" ng-change="changeRole(selectedRole)"></select>
						</div>
        			
        			<div class="form-group">
        				<ul class="role_ul">
        					<li ng-repeat="m in moduleDatas" ng-class="moduleLtemClass($index)" ng-click="moduleLtemactive($index)">
        						<a href="javascript:;">
        							<div class="checkBar" ng-click="m.anniuFn()" ng-class="m.anniuClass()">
										<input class='checkInput' type='checkbox'>
										<label class='checkBtn' style='margin:0 10px'><span class="checkBtnShow"></span></label>
									</div>
        							{{m.menuName}}
        						</a>
        						
        					</li>
        				</ul>
        				
        			</div>
        		</div>
            </div>
            <style>
                div.popup{
                    position:fixed;
                    top:0;
                    bottom:0;
                    left:400px;
                    right:0;
                    z-index:9999;
                    background-color:rgba(50,50,50,0.5);
                    transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -webkit-transition: all 0.2s linear;
                }
                 div.popup>div{
                    position:absolute;
                    transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    -ms-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -webkit-transition: all 0.2s linear;
                        top:50%;
                        left:50%;
                        width:70%;
                        
                         padding:15px;
                         background-color:#fff;
                        -webkit-transform: translate(-50%, -50%);
                        -moz-transform: translate(-50%, -50%);
                        -ms-transform: translate(-50%, -50%);
                        -o-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                 }
                  div.popup>div>h2{
                    font-size:16px;
                    font-weight:bold;
                    color:#fff;
                    text-align:center;
                 }
                 div.popup>div>p{
                  display:block;
                  font-size:14px;
                  margin:20px auto 0px;
                   text-align:center;
                  }
                  div.popup>div>p>a{
                   padding:5px 10px;
                   background-color:#fe6b54;
                   color:#fff;
                   border-radius:3px;
                   text-align:center;
                 }
                  div.popup>div>ul{
                   padding:5px 5px 0px;
                   
                 }
                 div.popup>div>ul>li{
                   padding:5px 5px;
                 }
                 div.popup>div>ul>li>ul{
                   padding:5px 5px 0px;
                 }
                  div.popup>div>ul>li>ul>li{
                   padding:5px 5px;
                 }
            </style>
            <div class='popup' ng-if="caidanTemp.length!=0" ng-click="unsetTemp()">
                <div ng-click="unpop()">
        						<ul ng-if="m.caidan.length!=0">
        							<li ng-repeat="c in caidanTemp">
        								<a href="javascript:;" class="menuBg">
        									<div class="checkBar" ng-click="c.anniuFn()" ng-class="c.anniuClass()">
												<input class='checkInput' type='checkbox'>
												<label class='checkBtn'><span class="checkBtnShow"></span></label>
											</div>
        									{{c.menuName}}
        								</a>
        								<ul ng-if="c.fangfa.length==0">
        									<li>该菜单没有方法</li>
        								</ul>
        								<ul ng-if="c.fangfa.length!=0" class="fnBar">
        									<li ng-repeat="f in c.fangfa">
        										<a href="javascript:;">
        											<div class="checkBar" ng-click="f.anniuFn()" ng-class="f.anniuClass()">
														<input class='checkInput' type='checkbox'>
														<label class='checkBtn'><span class="checkBtnShow"></span></label>
													</div>
        											{{f.methodName}}
        										</a>
        									</li>
        								</ul>
        							</li>
        						</ul>
                </div>
            </div>
            
        </div>
    </div>
</div>

